.dropdown-list {
    /* Size and position */
    position: relative; /* Enable absolute positionning for children and pseudo elements */
    width: 140px;
    height:30px;

    /* Styles */
    background: #317b3c;
    cursor: pointer;
    outline: none;
    color:#fff;
    font-size:12px;
}
.dropdown-list span{
    position:relative;
    line-height: 28px;
    left:14px;
    
}
.dropdown-list:after {
    background: url("../img/drop-down-arrow.png") #6ebe79 no-repeat 50% 50%;
    content: "";
    content: "";
    height: 30px;
    margin-top: -3px;
    position: absolute;
    right: 0;
    top: 3px;
    width: 30px;
}
.dropdown-list ul{
    margin:0;
}
.dropdown-list .dropdown {
  /* Size & position */
    right: 0px;
    margin-top:3px;

    /* Styles */
    background: white;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
    position:relative;
}

.dropdown-list .dropdown li{
    background:#6ebe79;
    border-bottom:1px solid #317b3c;
    
}
.dropdown-list .dropdown li:last-child{
    background:#6ebe79;
    border:none;
}
.dropdown-list .dropdown li a {
    display: block;
    text-decoration: none;
    color:#fff;
    padding: 10px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.dropdown-list .dropdown li:nth-child(1) a { 
    border-left-color: #00ACED;
}

.dropdown-list .dropdown li:nth-child(2) a {
    border-left-color: #4183C4;
}

.dropdown-list .dropdown li:nth-child(3) a {
    border-left-color: #3B5998;
}
.dataTables_filter{
    text-align:right;
}
.dropdown-list .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

.dropdown-list .dropdown li:hover a {
     
}

/* Active state */

.dropdown-list.active:after {
    background: url("../img/drop-down-arrow-up.png") #6ebe79 no-repeat 50% 50%;
}

.dropdown-list.active .dropdown {
    opacity: 1;
    pointer-events: auto;
    position:relative;
    z-index:100;
    top:0;
}

/* No CSS3 support */

.no-opacity       .dropdown-list .dropdown,
.no-pointerevents .dropdown-list .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .dropdown-list.active .dropdown,
.no-pointerevents .dropdown-list.active .dropdown {
    display: block;
}
